<template>
  <div>
    <div class="top">
      <span class="fu" @click="fun()">&lt;</span>
      <span class="i">发现</span>
      <ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <div class="max">
      <img src="@/assets/ayuan/images/images/y_02.gif" alt="" />
      <div class="min">
        <span>善融商务</span>
        <p>云集大牌正品，善融有礼</p>
      </div>
    </div>
    <div class="max">
      <img src="@/assets/ayuan/images/images/y_04.gif" alt="" />
      <div class="min">
        <span>Apple Pay</span>
        <p>轻触一下便可安全便捷支付</p>
      </div>
    </div>
    <div class="max">
      <img src="@/assets/ayuan/images/images/y_05.gif" alt="" />
      <div class="min">
        <span>摇一摇</span>
        <p>手机尽情摇，惊喜摇不停</p>
      </div>
    </div>
    <div class="max">
      <img src="@/assets/ayuan/images/images/y_06.gif" alt="" />
      <div class="min">
        <span>商户推荐码</span>
        <p>邀请好友开通网络特约商户</p>
      </div>
    </div>
    <img class="tu" src="@/assets/ayuan/images/images/faxian_03.gif" alt="">
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.top {
  background-color: #2d6cb9;
  color: white;
  display: flex;
  height: 60px;
  .i {
    display: block;
    margin-left: 124px;
    line-height: 60px;
    font-size: 20px;
  }
  .fu {
    font-size: 36px;
    margin-left: 16px;
    line-height: 60px;
  }
  ul {
    // float:right;
    // line-height: 60px;
    position: absolute;
    right: 10px;
    top: 26px;
  }
  li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    background-color: white;
    margin-right: 6px;
    list-style: none;
  }
}
.max{
    border-bottom: .02rem solid rgba(128, 128, 128, 0.088);
    img{
        float: left;
    }
    .min{
        width: 2rem;
        height: .66rem;
        // float: left;
        display: flex;
        flex-direction: column;
        span{
            height: .36rem;
            line-height: .5rem;
        }
        p{
            height: .3rem;
            font-size: .14rem;
            color: gray;
        }
    }
}
.tu{
    margin-left: .16rem;
    margin-top: .36rem;
}
</style>